  <!-- 底部开始 -->
  <div class="container-fluid footer-box">
    <div class="container footer-box1">
      <div class="row">
        <div class="col-md-3 service-box">
          <h4 class="word-size">
            <!-- 超小屏和小屏下隐藏 -->
            <span class="hidden-xs hidden-sm">服务</span>
            <!-- 超中屏和大屏下隐藏 -->
            <a class="frame hidden-md hidden-lg collapsed" role="button" data-toggle="collapse" href="#link1"
              aria-expanded="false">服务</a>
          </h4>
          <div class="collapse" id="link1">
            <a href="">Z-BLOG博客</a>
            <a href="">Z-MUSIC音乐</a>
            <a href="">Z-EDU教育</a>
            <a href="">Z-MALL电子商城</a>
            <a href="">Z-GAME游戏与娱乐</a>
          </div>
        </div>


        <div class="col-md-3 concept-box">
          <h4 class="word-size">
            <span class="hidden-xs hidden-sm">价值观</span>
            <a class="frame hidden-md hidden-lg collapsed b" role="button" data-toggle="collapse" href="#link2"
              aria-expanded="false">价值观</a>
          </h4>
          <div class="collapse" id="link2">
            <a href="">社会责任</a>
            <a href="">教育</a>
            <a href="">隐私</a>
            <a href="">公益活动</a>
          </div>
        </div>


        <div class="col-md-3 cooperation-box">
          <h4 class="word-size">
            <span class="hidden-xs hidden-sm">合作</span>
            <a class="frame hidden-md hidden-lg collapsed" role="button" data-toggle="collapse" href="#link3"
              aria-expanded="false">合作</a>
          </h4>
          <div class="collapse" id="link3">
            <a href="">Github</a>
            <a href="">Gitee</a>
            <a href="">掘金</a>
            <a href="">Vue.js</a>
            <a href="">React.js</a>
            <a href="">Node.js</a>
          </div>
        </div>


        <div class="col-md-3 about-box">
          <h4 class="word-size">
            <span class="hidden-xs hidden-sm">关于我们</span>
            <a class="frame hidden-md hidden-lg collapsed" role="button" data-toggle="collapse" href="#link4"
              aria-expanded="false">关于我们</a>
          </h4>
          <div class="collapse" id="link4">
            <a href="">团队</a>
            <a href="">工作机会</a>
            <a href="">活动</a>
            <a href="">联系我们</a>
          </div>
        </div>

        <div class="copyright-box col-xs-12">
          <p>Copyright© 2021 ZhaoChong保留所有权利。</p>
        </div>
      </div>
    </div>
  </div>
  <!-- 底部结束 -->